import { useEffect, useState } from 'react'
import './index.scss'
import { Button } from 'antd-mobile'
import axios from '../../api/index'
import { useNavigate } from 'react-router-dom'

function Smrz() {
  const navigate = useNavigate()
  const [useId] = useState('')
  useEffect(()=>{
      axios.post('/user/verify/v1/bindUserIdCard',{userId:useId}).then(res=>{
         console.log(res);
      })
  },[useId])
  return (
    <div className='smrz'>
      <div className='smrz-top'>
        <span><img src="../../../public/26.png" alt="" className='smrz-top-left' onClick={() => navigate(-1)} /></span>
        <span className='smrz-top-right'>实名认证</span>
      </div>
      <div className='smrz-bg'>
           <div className='smrz-bg-one'>
              <img src="../../../public/55.png" alt="" className='smrz-bg-one-img' />
              <span className='smrz-bg-one-text'>点击拍摄/上传人像面</span>
           </div>
           <div className='smrz-bg-two'>
              <img src="../../../public/55.png" alt="" className='smrz-bg-one-img' />
              <span className='smrz-bg-one-text'>点击拍摄/上传国徽面</span>
           </div>
      </div>
      <div className='smrz-bg-three'>
           <Button>下一步</Button>
      </div>
    </div>
  )
}

export default Smrz